.el-card-header {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 20px;
}
.el-card-header-tip {
	font-size: 14px;
	border-left: 3px solid var(--cc-main-color);
	border-radius: 3px;
	padding: 20px;
	background-color: var(--cc-menu-active-back-color);
  code{
    color: var(--cc-main-color);
    margin: 0 4px;
  }
}
$MC3: #75c140;
$MC4: #55c4f2;
code[class*='language-'],
pre[class*='language-'] {
	color: #000;
	background: 0 0;
	text-shadow: 0 1px #fff;
	font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
	font-size: 1em;
	text-align: left;
	white-space: pre;
	word-spacing: normal;
	word-break: normal;
	word-wrap: normal;
	line-height: 1.5;
	-moz-tab-size: 4;
	tab-size: 4;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	padding: 20px;
  margin: 0;
}
.token.tag {
	color: rgb(67, 67, 165);
}
.token.punctuation {
	color: #9a8989;
}
.token.attr-name {
	color: $MC3;
}
.token.attr-value,
.token.keyword {
	color: $MC4;
}
.token.class-name,
.token.function {
	color: #dd4a68;
}
.token.attr-name,
.token.builtin,
.token.char,
.token.inserted,
.token.selector,
.token.string {
	color: #690;
}

.components > .el-card {
	.el-card__body {
		padding-bottom: 0;
	}
	&:not(:last-child) {
		margin-bottom: 20px;
	}
}
